<template>
	<section v-if="data.paper">

		<view :style="data.paper.themelogodivstyle">
			<image :src="data.paper.themelogoimage" mode="heightFix" style="height: 40px;margin-top:10px;"
				v-if="data.paper.themelogoimage!=null && data.paper.themelogoimage!=''"></image>
		</view>
		<section> 
			<view class="xc-block" v-if="data.paper.themebannertype=='STRING'"
				:style="data.paper.themebannerstringstyle+';'+data.paper.themebannerstringdivstyle">
				{{data.paper.themebannerstring}}
			</view>
			<uv-image :src="data.paper.themebannerimage" width="100%" mode="widthFix"
				v-if="data.paper.themebannertype=='IMAGE'">
			</uv-image>
			<xc-uniapp-swiper :files="data.paper.themebannerimages" v-if="data.paper.themebannertype=='IMAGES'"></xc-uniapp-swiper>

		</section>
		<view class="xc-block" v-if="data.paper.themetitleshow=='Y'"
			:style="data.paper.themetitledivstyle+';'+data.paper.themetitlefont">
			<view>{{data.paper.name}}</view>
		</view>

	</section>
</template>
<script>
	import config from "@/config/config.js";
	import xcHttpUtils from '@/library/xcore/js/XcHttpUtils.js';
	import xcViewUtils from '@/library/xcore/js/XcViewUtils.js';
	import {
		xsStringUtils,
		xsDateUtils,
		xsArrayUtils
	} from 'xstack-for-javascript';

	export default {
		props: {
			data: {
				type: Object,
				default: []
			}
		},
		watch: {
			'data': {
				handler(newVal, oldVal) {
					let that = this;
					that.public_show();
				},
			},
		},
		data() {
			return {
				config: config,
				xsStringUtils: xsStringUtils,
				xsDateUtils: xsDateUtils,
				sp: {},
				sr: {
				},
				control: {}
			}
		},
		created() {
			let that = this;
			that.xinit();
		},
		mounted() {
			let that = this;
			that.$nextTick(function() {
				that.public_show();
			});
		},
		methods: {
			xinit() {
				let that = this;
			},
			public_show() {
				let that = this;
				that.sr.paper = that.data.paper;
			},
			public_reset() {
				let that = this;
				that.public_show();
			}
		}
	}
</script>

<style lang="scss">

</style>